<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--    <meta name="description" content="">
        <meta name="author" content="">-->
    <title>xxx的博客</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet"
          href="../dome/static/bootstrap-3.3.5-dist/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet"
          href="../dome/static/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="../dome/static/JsAndCss/pulic/bootstrap-grid.min.css">
    <link rel="stylesheet" href="../dome/static/JsAndCss/pulic/zoomify.css">
    <link  rel="stylesheet"   href="../dome/static/css/peopleCheck.css">
    <style>

    </style>

</head>
<body>
<!-- 导航条 -->
<nav class="navbar navbar-default navbar-static-top" style="margin-bottom: 0px;">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">博客屋</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="#">主页</a></li>
                <li><a href="#about">建设中</a></li>
                <li><a href="#contact">建设中</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <form role="form" class="navbar-form navbar-right">
                        <div class="form-group">
                            <label class="sr-only">你看不到我</label>
                            <input type="text" class="form-control" id="exampleInputEmail3" placeholder="搜索">
                            <button type="submit" class="btn btn-default">搜索</button>
                        </div>
                    </form>
                </li>
                <li><a href="../navbar/">登录</a></li>
                <li><a href="./">注册<span class="sr-only">(current)</span></a></li>
                <li><a href="../navbar-fixed-top/">反馈意见</a></li>
            </ul>
        </div><!--/.nav-collapse -->
    </div><!--导航条结束-->
</nav>

<div class="jumbotron">
    <h2>Hello,welcome to my blog</h2>
</div>

<!--主要内容-->
<div class="container" id="total_page">
    <div class="col-xs-12">
        <div  style="background-color: #454545;width: 100%;height:30px;">

        </div>
    </div>
    <!--左侧信息栏-->
    <div class="col-xs-3" style="padding-right: 5px;">
        <div class="user_info" style="">
            <div class="user_info_title">
                个人资料
            </div>
            <!--头像-->
            <div class="user_info_headPortrait">
                <p class="text-center">
                    <img src="../dome/static/img/tezitouxiang/t1.jpg" alt="头像" class="img-thumbnail"  >
                </p>
            </div>
            <!--头像end-->
            <div class="user_info_data">
                这是关于我的个人介绍,还有谁干不服?
            </div>
            <p class="text-center" style="margin-bottom: 5px"> 博客等级</p>
            <p class="text-center" style="margin-bottom: 5px"> 关注此人</p>
        </div>
        <!--个人资料结束-->
        <!--博客分类-->
        <div class="blogClass">
            <div class="blogClass_top">
                博客分类
            </div>
            <div class="blogClass_bottom">
                <div class="list-group" style="margin-bottom: 0px;margin-top: 1px">
                    <a href="#" class="list-group-item" style="border-top:none 0">
                        Cras justo odio<span class="badge">14</span>
                    </a>
                    <a href="#" class="list-group-item">Dapibus ac facilisis in<span class="badge">14</span></a>
                    <a href="#" class="list-group-item">Morbi leo risus<span class="badge">14</span></a>
                    <a href="#" class="list-group-item">Porta ac consectetur ac<span class="badge">14</span></a>
                    <a href="#" class="list-group-item">Vestibulum at eros<span class="badge">14</span></a>
                    <a href="#" class="list-group-item">Vestibulum at eros<span class="badge">14</span></a>
                </div>
            </div>
        </div>
        <!--博客分类end-->

        <!--文章存档-->
        <div class="blogClass">
            <div class="blogClass_top">
                博客分类
            </div>
            <div class="blogClass_bottom">
                <div class="list-group" style="margin-bottom: 0px;margin-top: 1px">
                    <a href="#" class="list-group-item" style="border-top-style:none;border-top-width: 0px;border-left-style: none;border-right-style: none;">
                        Cras justo odio<span class="badge">14</span>
                    </a>
                    <a href="#" class="list-group-item">201604<span class="badge">14</span></a>
                    <a href="#" class="list-group-item">Morbi leo risus<span class="badge">14</span></a>
                    <a href="#" class="list-group-item">Porta ac consectetur ac<span class="badge">14</span></a>
                    <a href="#" class="list-group-item">Vestibulum at eros<span class="badge">14</span></a>
                    <a href="#" class="list-group-item">Vestibulum at eros<span class="badge">14</span></a>
                </div>
            </div>
        </div>
        <!--文章存档over-->
    </div>
    <!--右侧内容栏 -->
    <div class="col-xs-9" style="padding-left:5px" >
        <div  style="background-color: white;width:100%;height: 20px;">

        </div>
    </div>

</div>


<script  src="../dome/static/bootstrap-3.3.5-dist/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
        src="../dome/static/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script src="../dome/static/JsAndCss/pulic/zoomify.js"></script>
</body>

</html>